<template>
<div>
<!--  <Demo01_1></Demo01_1>-->
  <Demo01_1>
    <template v-slot:header>
      <h3>MY-HEADER</h3>
    </template>

    <template v-slot:default>
      <p>main</p>
      <p>v-slot:default默认是没有name的slot,也可以不用template</p>
    </template>

    <template v-slot:footer>
      <h3>MY-FOOTER</h3>
    </template>

    <template v-slot:other="slotProps">
      {{ slotProps.user.age }}
    </template>

  </Demo01_1>


<!--  <Demo01_1>由内容就显示内容</Demo01_1>-->
<!--  <Demo01_1>每内容就显示默认</Demo01_1>-->
</div>
</template>

<script>
import Demo01_1 from "@/components/demo01/Demo01_1";
export default {
  components:{Demo01_1},
  name: "Demo01",

}
</script>

<style scoped>

</style>